<html>
<head>
  <title>MessageBar</title>
  <script>var isomorphicDir="../isomorphic/";</script>
  <script src="../isomorphic/system/development/ISC_Core.js"></script>
  <script src="../isomorphic/system/development/ISC_Foundation.js"></script>
  <script src="../isomorphic/system/development/ISC_Containers.js"></script>
  <script src="../isomorphic/system/development/ISC_Grids.js"></script>
  <script src="../isomorphic/system/development/ISC_Forms.js"></script>
  <script src="../isomorphic/system/development/ISC_DataBinding.js"></script>
  <script src="../openbravo/skins/3.00/smartclient/load_skin.js"></script>

  <script type="text/javascript">
    var OB = {};
    OB.Format = {};
    OB.Format.date = "dd-MM-yyyy";
    OB.Constants = "";
  </script>
  <script src="../../org.openbravo.client.application/js/ob-utilities.js" type="text/javascript"></script>
  <script src="../../org.openbravo.client.application/js/ob-formitem-widgets.js" type="text/javascript"></script>
  <script src="../isomorphic/login/reloginFlow.js"></script>

  <script src="../../org.openbravo.client.application/js/ob-messagebar.js" type="text/javascript"></script>
  <script src="../openbravo/skins/3.00/org.openbravo.client.application/ob-messagebar-styles.js" type="text/javascript"></script>
  <link rel="stylesheet" type="text/css" href="../openbravo/skins/3.00/org.openbravo.client.application/ob-messagebar-styles.css" />


</head>

<body>
<script>
  var theMessageBar = isc.OBMessageBar.create({ID: 'theMessageBar'});
  isc.Button.create({
    title: "setMessage('success', 'Success Message Example:', 'This is the success message text content...')",
    top: 50,
    width: 600,
    action: function() {
      theMessageBar.setMessage('success', 'Success Message Example:', 'This is the success message text content...');
    }
  });
  isc.Button.create({
    title: "setMessage('error', 'Error Message Example:', 'This is the error message text content...')",
    top: 70,
    width: 600,
    action: function() {
      theMessageBar.setMessage('error', 'Error Message Example:', 'This is the error message text content...');
    }
  });
  isc.Button.create({
    title: "setMessage('warning', 'Warning Message Example:', 'This is the warning message text content...')",
    top: 90,
    width: 600,
    action: function() {
      theMessageBar.setMessage('warning', 'Warning Message Example:', 'This is the warning message text content...');
    }
  });
  isc.Button.create({
    title: "setMessage('info', 'Info Message Example:', 'This is the info message text content...')",
    top: 110,
    width: 600,
    action: function() {
      theMessageBar.setMessage('info', 'Info Message Example:', 'This is the info message text content...');
    }
  });
  isc.Button.create({
    title: "setMessage('tip', 'Tip Message Example:', 'This is the tip message text content...')",
    top: 130,
    width: 600,
    action: function() {
      theMessageBar.setMessage('tip', 'Tip Message Example:', 'This is the tip message text content...');
    }
  });



  isc.Button.create({
    title: "setType('success')",
    top: 50,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setType('success');
    }
  });
  isc.Button.create({
    title: "setType('error')",
    top: 70,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setType('error');
    }
  });
  isc.Button.create({
    title: "setType('warning')",
    top: 90,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setType('warning');
    }
  });
  isc.Button.create({
    title: "setType('info')",
    top: 110,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setType('info');
    }
  });
  isc.Button.create({
    title: "setType('tip')",
    top: 130,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setType('tip');
    }
  });

  isc.Button.create({
    title: "setText(...)",
    top: 170,
    left: 700,
    width: 130,
    action: function() {
      theMessageBar.setText('This is my title example:','Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an.');
    }
  });
</script>
</body>

</html>
